<template>
	<view   :class="['go-comment-box', `${className}-comment-box`]">
		<view class="go-comment"  @click="goNextpage">{{title}}</view>
	</view>
	
</template>

<script setup>
import {defineProps,defineEmits} from "vue"
const emit=defineEmits(["goPage"])
const props=defineProps({
	title:{
		type:String,
		default:""
	},
	className:{
		type:String,
		default:""
	}
})
function goNextpage(){
	emit('goPage')
}
</script>

<style scoped lang="less">
	.go-comment-box{
		position: fixed;
		bottom: 10rpx;
		left:auto ;
		width: 100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		 &.nomarl-comment-box{
			 background-color: #ffffff !important;
			 position: sticky;
			 bottom: 0rpx;
			 left:auto ;
			 width: 100vw;
			 display: flex;
			 flex-direction: column;
			 align-items: center;
			 height: 100rpx;
			justify-content: center;
			 .go-comment{
			 		   background-image: linear-gradient(to right,#FF934C,#FC686F  );
			 		width: 90vw;
			 		height: 80rpx;
			 		border-radius: 50rpx;
			 		text-align: center;
			 		line-height: 80rpx;
			 		color: #ffffff;
			 		font-size:"ali-m" ;
			 		font-size: 32rpx;
			 		
			 	}
		 }
		.go-comment{
				   background-image: linear-gradient(to right,#FF934C,#FC686F  );
				width: 90vw;
				height: 80rpx;
				border-radius: 50rpx;
				text-align: center;
				line-height: 80rpx;
				color: #ffffff;
				font-size:"ali-m" ;
				font-size: 32rpx;
				
			}
	}

</style>